<!DOCTYPE html>

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Microbrasserie Le Bilboquet</title>
    <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
    <link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="jquery.cookies.2.2.0.min.js"></script>
	<script src="script.js"></script>
    <script language="javascript"> 

    function addcolor(obje)
    {
		$(".contenueGauche li a").removeAttr("style");	
		
		$(obje).css("color","#b8c575");
		
		
     }
function showonlyonev2(thechosenone) {

	
      var newboxes = document.getElementsByTagName("div");
      for(var x=0; x<newboxes.length; x++) {
            name = newboxes[x].getAttribute("class");
            if (name == 'newboxes-2') {
                  if (newboxes[x].id == thechosenone) {
                        if (newboxes[x].style.display == 'block') {
                              newboxes[x].style.display = 'none';
                        }
                        else {
                              newboxes[x].style.display = 'block';
                        }
                  }else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}
</script>
    
    
</head>

<body>


<div class="principal">
<img src="images/articlespromos.jpg" class="bg" />	
<div class="pusherTop"></div>
<div class="pusherLeft"></div>

<div id="content">


<div class="LogoAndList">
	<div class="listmenu_2">
			<ul class="listemenuUl">
				<li><a href="index.php">&gt; ACCUEIL</a></li>
				<li><a href="microbraserie3.php">&gt; MICROBRASSERIE</a></li>
				<li><a href="lepub.php">&gt; LE PUB</a></li>
				<li><a href="articlespromos.php" style="color:#b8c575">&gt; ARTICLES PROMOS</a></li>
				<li><a href="capsulesvideos.php">&gt; CAPSULES VIDÉOS</a></li>
				<li><a href="galerie.php">&gt; GALERIE DE PHOTOS</a></li>
				<li><a href="nousjoindre.php">&gt; NOUS JOINDRE</a></li>
			</ul></div>
<img class="logo" src="images/logo2.png"  width="64%">

</div><!--LogoAndList-->
<div class="main">
<div class="contenueHaut">
<h3>ARTICLES PROMOS</h3>
<p>Vous êtes intéressé par un article ou vous aimeriez recevoir
plus d'infos ?
Communiquez avec nous par téléphone ou courriel au
<a href="#">info@lebilboquet.qc.ca</a> </p>


</div><!--/contenueHaut-->
<div class="contenueGauche borderGray NoScrollBar">

<ul>


<li class="soirees"> <a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');" onclick=" addcolor(this);">&gt; Chandail Bilboquet</a></li>

 <li class="soirees"><a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');" onclick=" addcolor(this);" >&gt; Chandail Corriveau (Femme)</a></li>
    
 <li class="soirees"> <a id="myHeader3-2" href="javascript:showonlyonev2('newboxes3-2');" onclick=" addcolor(this);" >&gt; Chandail Corriveau (Homme)</a></li>
 
  <li class="soirees"> <a id="myHeader3-2" href="javascript:showonlyonev2('newboxes4-2');"  onclick=" addcolor(this);">&gt; Casquette</a></li>
  
  <li class="soirees"> <a id="myHeader3-2" href="javascript:showonlyonev2('newboxes5-2');" onclick=" addcolor(this);" >&gt; Tuque</a></li>



</ul>





</div><!--/contenueGauche-->

<div class="contenueDroite NoScrollBar ">

 <div class="newboxes-2" id="newboxes1-2" style="display: block;"><img src="images/product/article1.jpg"/> <p class="descProduits"> <b>Chandail Bilboquet</b><br/>HOMME<br/>Grandeurs disponibles : <br/>M, L, XL et XXL<br/>20$ tx incluses <br/><button type="button" onclick="alert('Articles Promos!')">Achetez</button></p></div>
 
 
    <div class="newboxes-2" id="newboxes2-2" style="  display: none;"><img src="images/product/article3.jpg"/><p class="descProduits"> <b>Chandail Corriveau</b><br/>FEMME<br/>Grandeurs disponibles : <br/>XS, S, M et L<br/>45$ tx incluses <br/><button type="button" onclick="alert('Articles Promos!')">Achetez</button></p></div>
     
         
           
         
         <div class="newboxes-2" id="newboxes3-2" style=" display: none;"><img src="images/product/article2.jpg"/><p class="descProduits"><b>Chandail Corriveau</b><br/>HOMME<br/>Grandeurs disponibles : <br/>XS, S, M et L<br/>45$ tx incluses <br/><button type="button" onclick="alert('Articles Promos!')">Achetez</button></p></div>
         
         
              <div class="newboxes-2" id="newboxes4-2" style="display: none;"><img src="images/product/article4.jpg"/><p class="descProduits"><b>Casquette</b><br/>20$ tx incluses <br/><button type="button" onclick="alert('Articles Promos!')">Achetez</button></p></div>
              
                 <div class="newboxes-2" id="newboxes5-2" style="display: none;"><img src="images/product/article5.jpg"/><p class="descProduits"> <b>Tuque</b><br/>18$ tx incluses <br/><button type="button" onclick="alert('Articles Promos!')">Achetez</button></p></div>


 </div><!--/contenueDroite-->







</div><!--main-->

	
	         
</div><!--/content-->
</div><!--/principal-->
</body>
</body>
</html>